<template>
  <sui-segment inverted>
    <h4 is="sui-header" color="red">
      Red
    </h4>
    <h4 is="sui-header" color="orange">
      Orange
    </h4>
    <h4 is="sui-header" color="yellow">
      Yellow
    </h4>
    <h4 is="sui-header" color="olive">
      Olive
    </h4>
    <h4 is="sui-header" color="green">
      Green
    </h4>
    <h4 is="sui-header" color="teal">
      Teal
    </h4>
    <h4 is="sui-header" color="blue">
      Blue
    </h4>
    <h4 is="sui-header" color="purple">
      Purple
    </h4>
    <h4 is="sui-header" color="violet">
      Violet
    </h4>
    <h4 is="sui-header" color="pink">
      Pink
    </h4>
    <h4 is="sui-header" color="brown">
      Brown
    </h4>
    <h4 is="sui-header" color="grey">
      Grey
    </h4>
  </sui-segment>
</template>

<script>
export default {};
</script>
